<!doctype html>
<html lang="zh-CN">
<head>
    <!-- 必须的 meta 标签 -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    {% load static %}
    <link rel="stylesheet" type="text/css" href="{% static 'css/bootstrap.min.css' %}">
    {% block _head %}

    {% endblock %}
    <title>  {% block title %} 金融科技综合实训demo  {% endblock %}</title>
    <style>
          html,body,.container{
              height:100%;
              width: 100%;
              margin:0;
              padding-left:5%;
          }
    </style>
    {% block style %}

    {% endblock %}
</head>
<body>
<div class='container'>
    <nav class="navbar navbar-expand-lg navbar-dark bg-secondary">
        <a class="navbar-brand" href="#">Fintech Test Project</a>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup"
                aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarNavAltMarkup">
            <div class="navbar-nav">
                <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
                <a class="nav-link" href="{% url 'demo:table' %}">table_demo</a>
                {% comment %} <a class="nav-link" href="{% url 'demo:echarts' %}">echarts_demo</a> {% endcomment %}
                <a class="nav-link" href="{% url 'demo:loan_echarts' %}">loan_echarts</a>
                <a class="nav-link" href="{% url 'demo:loan_t' %}">loan_traning</a>
                 <a class="nav-link" href="{% url 'demo:loan_v' %}">loan_corr</a>
            </div>
        </div>
    </nav>
    {% block main %}
        main content
    {% endblock %}
</div>

<script src="{% static 'js/jquery.slim.min.js' %}"></script>
<script src="{% static 'js/bootstrap.bundle.min.js' %}"></script>
{% block script %}

{% endblock %}
</body>
</html>